<template>
	<view class="chapter02">
		<cu-custom bgColor="bg-cyan">
			<block slot="content">第二章-示例</block>
		</cu-custom>
		<view class="cu-card">
			<view class="cu-item padding">
				id属性
			</view>
			<view class="cu-item padding">
				class属性和style
			</view>
			<view class="cu-item padding" :hidden="true">
				hidden
			</view>
			<view class="cu-item padding" >
				[data-*]其中*代表含义就是所有的名字，你自己规定
			</view>
			<view class="cu-item padding" @click="clickAiTe" data-idx="987654321">
				@在uniapp中比较重要
				<view class="margin-top-sm">
					1.在各类uniappHTML中各事件都是@开头
				</view>
				<view class="margin-top-sm theme-bg">
					2.在各类uniappJS部分各事件都是@开头
					尤其是引入js css  vue和图片等文件时
				</view>
			</view>
			<view class="cu-item padding">
				<image src="@/static/logo.png" style="width: 100upx;height: 100upx;"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name:"chapter02",
		methods:{
			clickAiTe(e){
				console.log(e);
			}
		}
	}
</script>

<style>
</style>